<template>
	<div id="contentBox">
		<div class="searchBox">
			<el-form :inline="true"  ref="searchForm"  :model="searchForm" label-width="96px">
	            <el-form-item label="汽车品牌" prop="name1" >
				    <el-input v-model="searchForm.name1" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				<el-form-item label="汽车子品牌" prop="name1" >
				    <el-input v-model="searchForm.name1" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				 <el-form-item label="汽车车系" prop="name1" >
				    <el-input v-model="searchForm.name1" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				 <el-form-item label="汽车车型" prop="name1" >
				    <el-input v-model="searchForm.name1" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				<el-form-item label="发布日期起" prop="start">
				    <el-date-picker :editable="false"  
				      @change="debounceSeach"
				      v-model="searchForm.start"
				      type="date"
				      placeholder="选择日期"
				      >
				    </el-date-picker>
				</el-form-item>
				<el-form-item label="发布日期止" prop="end">
				    <el-date-picker :editable="false"  
				      @change="debounceSeach"
				      v-model="searchForm.end"
				      type="date"
				      placeholder="选择日期"
				      >
				    </el-date-picker>
				</el-form-item>
	            <el-form-item label="寻车人" prop="name3">
				   <el-input v-model="searchForm.name3" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input >
				</el-form-item>
				<el-form-item label="寻车状态" prop="region">
				  	<el-select v-model="searchForm.region" @change="debounceSeach">
				      <el-option label="状态1" value="1"></el-option>
				      <el-option label="状态2" value="2"></el-option>
				    </el-select>
			    </el-form-item>
	           
				<el-form-item style=" width:100%!important;text-align:center;margin-bottom: 10px;">
				    <el-button type="primary" @click="seachData(searchForm)">搜索</el-button>
				    <el-button @click="resetSearchForm('searchForm')">重置</el-button>
				</el-form-item>
			</el-form>
		</div>
		<div id="tableBox" style="margin:0 25px;" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="汽车品牌" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.qcpp }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="汽车子品牌" >
			      <template scope="scope">
			        <span >{{ scope.row.qczpp }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="汽车车系" >
			      <template scope="scope">
			        <span >{{ scope.row.qccx }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="汽车车型" >
			      <template scope="scope">
			        <span >{{ scope.row.qccxx }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="寻车人" width="100">
			      <template scope="scope">
			        <span >{{ scope.row.shzt }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="上牌城市" width="100">
			      <template scope="scope">
			        <span >{{ scope.row.shzt }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="期望成交价(万元)" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.clzjg }}</span>
			      </template>
			    </el-table-column>
			   
			     <el-table-column label="寻车状态" width="100">
			      <template scope="scope">
			        <span >{{ scope.row.shzt }}</span>
			      </template>
			    </el-table-column>
			     <el-table-column label="发布日期" width="120">
			      <template scope="scope">
			        <span >{{ scope.row.shzt }}</span>
			      </template>
			    </el-table-column>
			     
			    <el-table-column label="操作" width="100">
			      <template scope="scope">
			      	<el-button size="small" @click="handleSee(scope.$index, scope.row)">查看</el-button>
			      	
			      </template>
			    </el-table-column>
			</el-table>
           <!--  查看弹窗 -->
            <el-dialog title="寻车信息" v-if="dialogSendData.dialogFormVisible" :visible.sync="dialogSendData.dialogFormVisible"  :lock-scroll='false' top=5% >
                <dialogForm :dialogSendData="dialogSendData" :tableData="tableData"></dialogForm>
			</el-dialog>
	    </div>
	    <div class="block" style="text-align: center;margin-top: 15px;">
		    <pagination v-on:refreshSeachData="seachData"  :tableData="tableData" :searchForm="searchForm"></pagination>
		</div>
	</div>
</template>
<script src="./index.js">

</script>
<style scoped lang="stylus" rel="styleheet/stylus">
	@import './index.styl';
</style>